<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%@ include file="/WEB-INF/views/shop/app/app_base.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>${shop.name }</title>
	<link rel="stylesheet" href="<%=basePath%>/static/shop/app/css/core.css">
	<link rel="stylesheet" href="<%=basePath%>/static/shop/app/css/icon.css">
	<link rel="stylesheet" href="<%=basePath%>/static/shop/app/css/home.css">
	<link rel="stylesheet" href="<%=basePath%>/static/shop/app/css/share.css">
	<link rel="shortcut icon" href="<%=basePath%>/favicon.ico" type="image/x-icon" />
	<link href="<%=basePath%>/favicon.ico" sizes="114x114" rel="apple-touch-icon-precomposed">
</head>
<body style="background:#fc0f42">
	<header class="aui-header-default aui-header-fixed aui-header-bg">
		<a href="#" class="aui-header-item">
			<!--<i class="aui-icon aui-icon-back-white" id="scrollSearchI" style="display:block"></i>-->
			<div id="scrollSearchDiv">
				<img src="${shop.logo }" alt="">
			</div>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="">

			</div>
		</div>
		<a href="javascript:;" class="aui-header-item-icon select"    style="min-width:0;">
			<i class="aui-icon aui-icon-share-pd selectVal" onselectstart="return false"></i>
			<div class="aui-header-drop-down selectList">
				<div class="aui-header-drop-down-san"></div>
				<div class="">
					<p class="" onclick="location='<%=basePath%>/${shop.code }'">首页</p>
					<c:if test="${not empty loginName }">
					<p class="" onclick="location='<%=basePath%>/${shop.code }/${loginName}/order/list'">我的订单</p>
					</c:if>
					<p class="" id="share_btn_p">分享</p>
				</div>
			</div>
		</a>
	</header>

	<section class="aui-me-content">
		<div class="aui-me-content-box">
			<div class="aui-me-content-info"></div>
			<div class="aui-me-content-list">
				<div class="aui-me-content-item">
					<div class="aui-me-content-item-head">
						<div class="aui-me-content-item-img">
							<img src="${shop.logo }" alt="">
						</div>
						<div class="aui-me-content-item-title">${shop.name }</div>
					</div>
					<div class="aui-me-content-item-text">
						${shop.description }
					</div>
				</div>
				<div class="aui-me-content-card">
					<h3><i class="aui-icon aui-card-me"></i>平台担保授信</h3>
					<a href="<%=basePath%>/${shop.code }/shop-info" target="_blank">点击查看店铺信息</a>
				</div>
			</div>
		</div>
		<c:if test="${not empty trip }">
		<div class="aui-content-box" style="padding-bottom:1px">
			<div class="aui-banner-content aui-fixed-top" data-aui-slider style="padding-top:1px;">
				<div class="aui-banner-wrapper">
					<div class="aui-banner-wrapper-item">
						<a href="<%=basePath%>/trip/${trip.id }">
							<div class="scroll_contain">
								<img id="scroll_trip_pic" src="${trip.tripPic }"/>
							</div>
						</a>
					</div>
					<c:if test="${not empty trip.tripPic1 }">
					<div class="aui-banner-wrapper-item">
						<a href="<%=basePath%>/trip/${trip.id }">
							<div class="scroll_contain">
								<img id="scroll_trip_pic1" src="${trip.tripPic1 }"/>
							</div>
						</a>
					</div>
					</c:if>
					<c:if test="${not empty trip.tripPic2 }">
					<div class="aui-banner-wrapper-item">
						<a href="<%=basePath%>/trip/${trip.id }">
							<div class="scroll_contain">
								<img id="scroll_trip_pic2" src="${trip.tripPic2 }"/>
							</div>
						</a>
					</div>
					</c:if>
					<c:if test="${not empty trip.tripPic3 }">
					<div class="aui-banner-wrapper-item">
						<a href="<%=basePath%>/trip/${trip.id }">
							<div class="scroll_contain">
								<img id="scroll_trip_pic3" src="${trip.tripPic3 }"/>
							</div>
						</a>
					</div>
					</c:if>
					<c:if test="${not empty trip.tripPic4 }">
					<div class="aui-banner-wrapper-item">
						<a href="<%=basePath%>/trip/${trip.id }">
							<div class="scroll_contain">
								<img id="scroll_trip_pic4" src="${trip.tripPic4 }"/>
							</div>
						</a>
					</div>
					</c:if>
					<c:if test="${not empty trip.tripPic5 }">
					<div class="aui-banner-wrapper-item">
						<a href="<%=basePath%>/trip/${trip.id }">
							<div class="scroll_contain">
								<img id="scroll_trip_pic5" src="${trip.tripPic5 }"/>
							</div>
						</a>
					</div>
					</c:if>
					<c:if test="${not empty trip.tripPic6 }">
					<div class="aui-banner-wrapper-item">
						<a href="<%=basePath%>/trip/${trip.id }">
							<div class="scroll_contain">
								<img id="scroll_trip_pic6" src="${trip.tripPic6 }"/>
							</div>
						</a>
					</div>
					</c:if>
				</div>
				<span class="advert-title-span">${trip.targetAddress }</span>
				<div class="aui-banner-pagination"></div>
			</div>
		</div>
		</c:if>
		<div class="aui-me-content-order">
		</div>
		<section class="aui-grid-content">
			<div class="aui-me-content-order">
			</div>
			<div class="aui-grid-row">
			</div>
			<div class="aui-recommend">
				<img src="<%=basePath%>/static/shop/app/img/bg/icon-tj3.jpg" alt="">
				<!--<h2>为你推荐</h2>-->
			</div>
			<section class="aui-list-product">
				<div class="aui-list-product-box">
					<c:forEach var="product" items="${productList}">
					<a href="<%=basePath%>/product/${product.id }" class="aui-list-product-item" target="_blank">
						<div class="aui-list-product-item-img">
							<div class="product_contain">
								<img id="product_${product.id }" src="${product.picMain }"/>
							</div>
						</div>
						<div class="aui-list-product-item-text">
							<h3>${product.name }</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										${product.salePrice }
									</span>
									<span class="aui-list-product-item-del-price">
										¥${product.marketPrice }
									</span>
								</div>
								<div class="aui-comment"></div>
							</div>
						</div>
					</a>
					</c:forEach>
				</div>
			</section>
		</section>
	</section>
	<%@ include file="share.jsp" %>
	<div class="aui-invitation-footer">
		<a href="<%=basePath%>/admin/register" target="_blank">我还没有账号,我要开店</a>
		<a href="<%=basePath%>/admin" target="_blank" style="background:#f5751c">我有账号,我要管理店铺</a>
	</div>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/jquery.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/aui.js"></script>
	<script src="<%=basePath%>/static/shop/app/js/aui-down.js"></script>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/share.js"></script>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/my_pic_view.js"></script>
	<script type="text/javascript">
	window.onload=function () {
		var browser_width = $(document.body).width();
	    var widthSize = browser_width*0.35;//正方形容器的大小的宽=高
	    var heightSize = widthSize;//正方形容器的大小宽=高
	    //显示商品图
	    show_pic_view_all(widthSize,heightSize,'product_');
	  	//显示广告轮播图
	    show_pic_view_all(browser_width,browser_width*0.45,'scroll_');
	}
	</script>
	<script type="text/javascript">
        $(function () {
            //绑定滚动条事件
            $(window).bind("scroll", function () {
                var sTop = $(window).scrollTop();
                var sTop = parseInt(sTop);
                if (sTop >= 44) {
                    if (!$("#scrollSearchDiv").is(":visible")) {
                        try {
                            $("#scrollSearchDiv").slideDown();
                        } catch (e) {
                            $("#scrollSearchDiv").show();
                        }
                    }
                }
                else {
                    if ($("#scrollSearchDiv").is(":visible")) {
                        try {
                            $("#scrollSearchDiv").slideUp();
                        } catch (e) {
                            $("#scrollSearchDiv").hide();
                        }
                    }
                }
            });
        })
	</script>
</body>
</html>